﻿.index_container {

}
.index_header {
  height: 11.7vw;
  line-height: 11.7vw;
  background-color: #9f5c2f;
  color: #fff;
  display: flex;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100;
}
.index_header_name {
  width: 18vw;
  font-size: 4vw;
  height: 8.2vw;
  line-height: 8.2vw;
  margin-left: 4.8vw;
  margin-top: 1.6vw;
  background-color: #f39801;
  color: #fff;
  border-radius: 2vw;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.22);
}
.header_btn_base {
  margin-top: 2.1vw;
  font-size: 4vw;
  width: 17vw;
  height: 7.2vw;
  line-height: 7.2vw;
  background-color: #fff;
  color: #9f5c2f;
  border-radius: 2vw;
  border-radius: 2vw;
  border: 1px solid #c4771d;
}

.index_header_dl{
  margin-left:14.6vw;
}

.index_header_zc{
  margin-left:1vw;
  margin-right:9.7vw;
}

.certain_letter {
  margin-right: 2vw;
  box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.22);
  margin-top:1.6vw;
  border-radius:2vw;
  font-size:4vw;
  text-align:center;
  height: 8.2vw;
  line-height:8.2vw;
  width: 24.2vw;
  background-color: #e75555;
  color:#fff;
}

/*index_main s*/
.index_main {
  /*height: 137.7vw;*/
  width: 100%;
  /*background-color: #fff;*/
  position:relative;
}

.index_bottom {
  position:relative;
  height: 41vw;
  background-color: #fff;
}
/*index_main e*/

/*door_base s*/
.door_base{
  width:21.8vw;
  display:block;
  margin:0 auto;
}
.door_green{
  position:absolute;
  top:22.1vw;
  left:15vw;
}
.door_blue {
  position: absolute;
  top: 54.2vw;
  left: 38.4vw;
}
.door_red {
  position: absolute;
  top: 26.9vw;
  right: 13.6vw;
  display: block;
  margin: 0 auto;
}
.door_w {
  color: #a8462d;
  font-size:3vw;
  margin-top:1vw;
}
.letter_man_e{
  width:22.1vw;
  position:absolute;
  top:116vw;
  right:7vw;
  z-index:100;
}
.app_index_letter{
  width:27.7vw;
  position:absolute;
  top:90vw;
  left:50%;
  transform:translateX(-50%);
}
.index_cat{
  position:absolute;
  bottom:17vw;
  left:5vw;
  width:26.9vw;
}
/*door_base e*/
